<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<!-- BEGIN: Head-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="description" content="Vuesax admin is super flexible, powerful, clean &amp; modern responsive bootstrap 4 admin template with unlimited possibilities.">
    <meta name="keywords" content="admin template, Vuesax admin template, dashboard template, flat admin template, responsive admin template, web app">
    <meta name="author" content="PIXINVENT">
    <title>Feather Icons - Vuesax - Bootstrap HTML admin template</title>
    <link rel="apple-touch-icon" href="../../../app-assets/images/ico/apple-icon-120.png">
    <link rel="shortcut icon" type="image/x-icon" href="../../../app-assets/images/ico/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600" rel="stylesheet">

    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/vendors.min.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Theme CSS-->
    <link rel="stylesheet" type="text/css" href="http://cdn.bootstrapmb.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/bootstrap-extended.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/colors.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/dark-layout.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/semi-dark-layout.css">

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/core/colors/palette-gradient.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/fonts/feather/iconfont.css">
    <!-- END: Page CSS-->

    <!-- BEGIN: Custom CSS-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/style.css">
    <!-- END: Custom CSS-->

</head>
<!-- END: Head-->

<!-- BEGIN: Body-->

<body class="vertical-layout vertical-menu-modern 2-columns  navbar-floating footer-static  " data-open="click" data-menu="vertical-menu-modern" data-col="2-columns">

    <!-- BEGIN: Main Menu-->
    <div class="main-menu menu-fixed menu-light menu-accordion menu-shadow" data-scroll-to-active="true">
        <div class="navbar-header">
            <ul class="nav navbar-nav flex-row">
                <li class="nav-item mr-auto"><a class="navbar-brand">
                        <div class="brand-logo"></div>
                        <h2 class="brand-text mb-0">Vuesax</h2>
                    </a></li>
                <li class="nav-item nav-toggle"><a class="nav-link modern-nav-toggle pr-0" data-toggle="collapse"><i class="feather icon-x d-block d-xl-none font-medium-4 primary toggle-icon"></i><i class="toggle-icon feather icon-disc font-medium-4 d-none d-xl-block collapse-toggle-icon primary" data-ticon="icon-disc"></i></a></li>
            </ul>
        </div>
        <div class="shadow-bottom"></div>
        <div class="main-menu-content">
            <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
                <li class=" nav-item"><a href="index.html"><i class="feather icon-home"></i><span class="menu-title" data-i18n="Dashboard">Dashboard</span><span class="badge badge badge-warning badge-pill float-right mr-2">2</span></a>
                    <ul class="menu-content">
                        <li><a href="dashboard-analytics.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Analytics">Analytics</span></a>
                        </li>
                        <li><a href="dashboard-ecommerce.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="eCommerce">eCommerce</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" navigation-header"><span>Apps</span>
                </li>
                <li class=" nav-item"><a href="app-email.html"><i class="feather icon-mail"></i><span class="menu-title" data-i18n="Email">Email</span></a>
                </li>
                <li class=" nav-item"><a href="app-chat.html"><i class="feather icon-message-square"></i><span class="menu-title" data-i18n="Chat">Chat</span></a>
                </li>
                <li class=" nav-item"><a href="app-todo.html"><i class="feather icon-check-square"></i><span class="menu-title" data-i18n="Todo">Todo</span></a>
                </li>
                <li class=" nav-item"><a href="app-calender.html"><i class="feather icon-calendar"></i><span class="menu-title" data-i18n="Calender">Calender</span></a>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-shopping-cart"></i><span class="menu-title" data-i18n="Ecommerce">Ecommerce</span></a>
                    <ul class="menu-content">
                        <li><a href="app-ecommerce-shop.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Shop">Shop</span></a>
                        </li>
                        <li><a href="app-ecommerce-wishlist.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Wish List">Wish List</span></a>
                        </li>
                        <li><a href="app-ecommerce-checkout.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Checkout">Checkout</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" navigation-header"><span>UI Elements</span>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-list"></i><span class="menu-title" data-i18n="Data List">Data List</span><span class="badge badge badge-primary badge-pill float-right mr-2">New</span></a>
                    <ul class="menu-content">
                        <li><a href="data-list-view.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="List View">List View</span></a>
                        </li>
                        <li><a href="data-thumb-view.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Thumb View">Thumb View</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-layout"></i><span class="menu-title" data-i18n="Content">Content</span></a>
                    <ul class="menu-content">
                        <li><a href="content-grid.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Grid">Grid</span></a>
                        </li>
                        <li><a href="content-typography.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Typography">Typography</span></a>
                        </li>
                        <li><a href="content-text-utilities.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Text Utilities">Text Utilities</span></a>
                        </li>
                        <li><a href="content-syntax-highlighter.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Syntax Highlighter">Syntax Highlighter</span></a>
                        </li>
                        <li><a href="content-helper-classes.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Helper Classes">Helper Classes</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" nav-item"><a href="colors.html"><i class="feather icon-droplet"></i><span class="menu-title" data-i18n="Colors">Colors</span></a>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-eye"></i><span class="menu-title" data-i18n="Icons">Icons</span></a>
                    <ul class="menu-content">
                        <li class="active"><a href="icons-feather.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Feather">Feather</span></a>
                        </li>
                        <li><a href="icons-font-awesome.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Font Awesome">Font Awesome</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-credit-card"></i><span class="menu-title" data-i18n="Card">Card</span></a>
                    <ul class="menu-content">
                        <li><a href="card-basic.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Basic">Basic</span></a>
                        </li>
                        <li><a href="card-advance.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Advance">Advance</span></a>
                        </li>
                        <li><a href="card-statistics.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Statistics">Statistics</span></a>
                        </li>
                        <li><a href="card-analytics.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Analytics">Analytics</span></a>
                        </li>
                        <li><a href="card-actions.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Card Actions">Card Actions</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-briefcase"></i><span class="menu-title" data-i18n="Components">Components</span></a>
                    <ul class="menu-content">
                        <li><a href="component-alerts.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Alerts">Alerts</span></a>
                        </li>
                        <li><a href="component-buttons-basic.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Buttons">Buttons</span></a>
                        </li>
                        <li><a href="component-breadcrumbs.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Breadcrumbs">Breadcrumbs</span></a>
                        </li>
                        <li><a href="component-carousel.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Carousel">Carousel</span></a>
                        </li>
                        <li><a href="component-collapse.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Collapse">Collapse</span></a>
                        </li>
                        <li><a href="component-dropdowns.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Dropdowns">Dropdowns</span></a>
                        </li>
                        <li><a href="component-list-group.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="List Group">List Group</span></a>
                        </li>
                        <li><a href="component-modals.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Modals">Modals</span></a>
                        </li>
                        <li><a href="component-pagination.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Pagination">Pagination</span></a>
                        </li>
                        <li><a href="component-navs-component.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Navs Component">Navs Component</span></a>
                        </li>
                        <li><a href="component-navbar.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Navbar">Navbar</span></a>
                        </li>
                        <li><a href="component-tabs-component.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Tabs Component">Tabs Component</span></a>
                        </li>
                        <li><a href="component-pills-component.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Pills Component">Pills Component</span></a>
                        </li>
                        <li><a href="component-tooltips.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Tooltips">Tooltips</span></a>
                        </li>
                        <li><a href="component-popovers.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Popovers">Popovers</span></a>
                        </li>
                        <li><a href="component-badges.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Badges">Badges</span></a>
                        </li>
                        <li><a href="component-pill-badges.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Pill Badges">Pill Badges</span></a>
                        </li>
                        <li><a href="component-progress.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Progress">Progress</span></a>
                        </li>
                        <li><a href="component-media-objects.html"><i class="feather icon-circle"></i><span class="menu-item">Media Objects</span></a>
                        </li>
                        <li><a href="component-spinner.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Spinner">Spinner</span></a>
                        </li>
                        <li><a href="component-bs-toast.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Toasts">Toasts</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-box"></i><span class="menu-title" data-i18n="Extra Components">Extra Components</span></a>
                    <ul class="menu-content">
                        <li><a href="ex-component-avatar.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Avatar">Avatar</span></a>
                        </li>
                        <li><a href="ex-component-chips.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Chips">Chips</span></a>
                        </li>
                        <li><a href="ex-component-divider.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Divider">Divider</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" navigation-header"><span>Forms &amp; Tables</span>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-copy"></i><span class="menu-title" data-i18n="Form Elements">Form Elements</span></a>
                    <ul class="menu-content">
                        <li><a href="form-select.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Select">Select</span></a>
                        </li>
                        <li><a href="form-switch.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Switch">Switch</span></a>
                        </li>
                        <li><a href="form-checkbox.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Checkbox">Checkbox</span></a>
                        </li>
                        <li><a href="form-radio.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Radio">Radio</span></a>
                        </li>
                        <li><a href="form-inputs.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Input">Input</span></a>
                        </li>
                        <li><a href="form-input-groups.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Input Groups">Input Groups</span></a>
                        </li>
                        <li><a href="form-number-input.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Number Input">Number Input</span></a>
                        </li>
                        <li><a href="form-textarea.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Textarea">Textarea</span></a>
                        </li>
                        <li><a href="form-date-time-picker.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Date &amp; Time Picker">Date &amp; Time Picker</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" nav-item"><a href="form-layout.html"><i class="feather icon-box"></i><span class="menu-title" data-i18n="Form Layout">Form Layout</span></a>
                </li>
                <li class=" nav-item"><a href="form-wizard.html"><i class="feather icon-package"></i><span class="menu-title" data-i18n="Form Wizard">Form Wizard</span></a>
                </li>
                <li class=" nav-item"><a href="form-validation.html"><i class="feather icon-check-circle"></i><span class="menu-title" data-i18n="Form Validation">Form Validation</span></a>
                </li>
                <li class=" nav-item"><a href="table.html"><i class="feather icon-server"></i><span class="menu-title" data-i18n="Table">Table</span></a>
                </li>
                <li class=" nav-item"><a href="table-datatable.html"><i class="feather icon-grid"></i><span class="menu-title" data-i18n="Datatable">Datatable</span></a>
                </li>
                <li class=" navigation-header"><span>pages</span>
                </li>
                <li class=" nav-item"><a href="page-user-profile.html"><i class="feather icon-user"></i><span class="menu-title" data-i18n="Profile">Profile</span></a>
                </li>
                <li class=" nav-item"><a href="page-faq.html"><i class="feather icon-help-circle"></i><span class="menu-title" data-i18n="FAQ">FAQ</span></a>
                </li>
                <li class=" nav-item"><a href="page-knowledge-base.html"><i class="feather icon-info"></i><span class="menu-title" data-i18n="Knowledge Base">Knowledge Base</span></a>
                </li>
                <li class=" nav-item"><a href="page-search.html"><i class="feather icon-search"></i><span class="menu-title" data-i18n="Search">Search</span></a>
                </li>
                <li class=" nav-item"><a href="page-invoice.html"><i class="feather icon-file"></i><span class="menu-title" data-i18n="Invoice">Invoice</span></a>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-zap"></i><span class="menu-title" data-i18n="Starter kit">Starter kit</span></a>
                    <ul class="menu-content">
                        <li><a href="../../../starter-kit/ltr/vertical-menu-template/sk-layout-1-column.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="1 column">1 column</span></a>
                        </li>
                        <li><a href="../../../starter-kit/ltr/vertical-menu-template/sk-layout-2-columns.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="2 columns">2 columns</span></a>
                        </li>
                        <li><a href="../../../starter-kit/ltr/vertical-menu-template/sk-layout-fixed-navbar.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Fixed navbar">Fixed navbar</span></a>
                        </li>
                        <li><a href="../../../starter-kit/ltr/vertical-menu-template/sk-layout-floating-navbar.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Floating navbar">Floating navbar</span></a>
                        </li>
                        <li><a href="../../../starter-kit/ltr/vertical-menu-template/sk-layout-fixed.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Fixed layout">Fixed layout</span></a>
                        </li>
                        <li><a href="../../../starter-kit/ltr/vertical-menu-template/sk-layout-static.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Static layout">Static layout</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-unlock"></i><span class="menu-title" data-i18n="Authentication">Authentication</span></a>
                    <ul class="menu-content">
                        <li><a href="auth-login.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Login">Login</span></a>
                        </li>
                        <li><a href="auth-register.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Register">Register</span></a>
                        </li>
                        <li><a href="auth-forgot-password.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Forgot Password">Forgot Password</span></a>
                        </li>
                        <li><a href="auth-reset-password.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Reset Password">Reset Password</span></a>
                        </li>
                        <li><a href="auth-lock-screen.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Lock Screen">Lock Screen</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-file-text"></i><span class="menu-title" data-i18n="Miscellaneous">Miscellaneous</span></a>
                    <ul class="menu-content">
                        <li><a href="page-coming-soon.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Coming Soon">Coming Soon</span></a>
                        </li>
                        <li><a href="#"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Error">Error</span></a>
                            <ul class="menu-content">
                                <li><a href="error-404.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="404">404</span></a>
                                </li>
                                <li><a href="error-500.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="500">500</span></a>
                                </li>
                            </ul>
                        </li>
                        <li><a href="page-not-authorized.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Not Authorized">Not Authorized</span></a>
                        </li>
                        <li><a href="page-maintenance.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Maintenance">Maintenance</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" navigation-header"><span>Charts &amp; Maps</span>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-pie-chart"></i><span class="menu-title" data-i18n="Charts">Charts</span><span class="badge badge badge-pill badge-success float-right mr-2">3</span></a>
                    <ul class="menu-content">
                        <li><a href="chart-apex.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Apex">Apex</span></a>
                        </li>
                        <li><a href="chart-chartjs.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Chartjs">Chartjs</span></a>
                        </li>
                        <li><a href="chart-echarts.html"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Echarts">Echarts</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" nav-item"><a href="maps-google.html"><i class="feather icon-map"></i><span class="menu-title" data-i18n="Google Maps">Google Maps</span></a>
                </li>
                <li class=" navigation-header"><span>Extensions</span>
                </li>
                <li class=" nav-item"><a href="ext-component-sweet-alerts.html"><i class="feather icon-alert-circle"></i><span class="menu-title" data-i18n="Sweet Alert">Sweet Alert</span></a>
                </li>
                <li class=" nav-item"><a href="ext-component-toastr.html"><i class="feather icon-zap"></i><span class="menu-title" data-i18n="Toastr">Toastr</span></a>
                </li>
                <li class=" nav-item"><a href="ext-component-noui-slider.html"><i class="feather icon-sliders"></i><span class="menu-title" data-i18n="NoUi Slider">NoUi Slider</span></a>
                </li>
                <li class=" nav-item"><a href="ext-component-file-uploader.html"><i class="feather icon-upload-cloud"></i><span class="menu-title" data-i18n="File Uploader">File Uploader</span></a>
                </li>
                <li class=" nav-item"><a href="ext-component-quill-editor.html"><i class="feather icon-edit"></i><span class="menu-title" data-i18n="Quill Editor">Quill Editor</span></a>
                </li>
                <li class=" nav-item"><a href="ext-component-drag-drop.html"><i class="feather icon-droplet"></i><span class="menu-title" data-i18n="Drag &amp; Drop">Drag &amp; Drop</span></a>
                </li>
                <li class=" nav-item"><a href="ext-component-tour.html"><i class="feather icon-info"></i><span class="menu-title" data-i18n="Tour">Tour</span></a>
                </li>
                <li class=" nav-item"><a href="ext-component-clipboard.html"><i class="feather icon-copy"></i><span class="menu-title" data-i18n="Clipboard">Clipboard</span></a>
                </li>
                <li class=" nav-item"><a href="ext-component-context-menu.html"><i class="feather icon-more-horizontal"></i><span class="menu-title" data-i18n="Context Menu">Context Menu</span></a>
                </li>
                <li class=" nav-item"><a href="ext-component-i18n.html"><i class="feather icon-globe"></i><span class="menu-title" data-i18n="l18n">l18n</span></a>
                </li>
                <li class=" navigation-header"><span>Others</span>
                </li>
                <li class=" nav-item"><a href="#"><i class="feather icon-menu"></i><span class="menu-title" data-i18n="Menu Levels">Menu Levels</span></a>
                    <ul class="menu-content">
                        <li><a href="#"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Second Level">Second Level</span></a>
                        </li>
                        <li><a href="#"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Second Level">Second Level</span></a>
                            <ul class="menu-content">
                                <li><a href="#"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Third Level">Third Level</span></a>
                                </li>
                                <li><a href="#"><i class="feather icon-circle"></i><span class="menu-item" data-i18n="Third Level">Third Level</span></a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="disabled nav-item"><a href="#"><i class="feather icon-eye-off"></i><span class="menu-title" data-i18n="Disabled Menu">Disabled Menu</span></a>
                </li>
                <li class=" navigation-header"><span>Support</span>
                </li>
                <li class=" nav-item"><a href="changelog.html"><i class="feather icon-file"></i><span class="menu-title" data-i18n="">Changelog</span><span class="badge badge badge-pill badge-danger float-right">1.0</span></a>
                </li>
                <li class=" nav-item"><a href="https://pixinvent.com/demo/vuesax-html-admin-dashboard-template/documentation"><i class="feather icon-folder"></i><span class="menu-title" data-i18n="Documentation">Documentation</span></a>
                </li>
                <li class=" nav-item"><a href="https://pixinvent.ticksy.com/"><i class="feather icon-life-buoy"></i><span class="menu-title" data-i18n="Raise Support">Raise Support</span></a>
                </li>
            </ul>
        </div>
    </div>
    <!-- END: Main Menu-->

    <!-- BEGIN: Content-->
    <div class="app-content content">

        <!-- BEGIN: Header-->
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <nav class="header-navbar navbar-expand-lg navbar navbar-with-menu floating-nav navbar-light navbar-shadow">
            <div class="navbar-wrapper">
                <div class="navbar-container content">
                    <div class="navbar-collapse" id="navbar-mobile">
                        <div class="mr-auto float-left bookmark-wrapper d-flex align-items-center">
                            <ul class="nav navbar-nav">
                                <li class="nav-item mobile-menu d-xl-none mr-auto"><a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i class="ficon feather icon-menu"></i></a></li>
                            </ul>
                            <ul class="nav navbar-nav bookmark-icons">
                                <!-- li.nav-item.mobile-menu.d-xl-none.mr-auto-->
                                <!--   a.nav-link.nav-menu-main.menu-toggle.hidden-xs(href='#')-->
                                <!--     i.ficon.feather.icon-menu-->
                                <li class="nav-item d-none d-lg-block"><a class="nav-link" href="app-todo.html" data-toggle="tooltip" data-placement="top" title="Todo"><i class="ficon feather icon-check-square"></i></a></li>
                                <li class="nav-item d-none d-lg-block"><a class="nav-link" href="app-chat.html" data-toggle="tooltip" data-placement="top" title="Chat"><i class="ficon feather icon-message-square"></i></a></li>
                                <li class="nav-item d-none d-lg-block"><a class="nav-link" href="app-email.html" data-toggle="tooltip" data-placement="top" title="Email"><i class="ficon feather icon-mail"></i></a></li>
                                <li class="nav-item d-none d-lg-block"><a class="nav-link" href="app-calender.html" data-toggle="tooltip" data-placement="top" title="Calendar"><i class="ficon feather icon-calendar"></i></a></li>
                            </ul>
                            <ul class="nav navbar-nav">
                                <li class="nav-item d-none d-lg-block"><a class="nav-link bookmark-star"><i class="ficon feather icon-star warning"></i></a>
                                    <div class="bookmark-input search-input">
                                        <div class="bookmark-input-icon"><i class="feather icon-search primary"></i></div>
                                        <input class="form-control input" type="text" placeholder="Explore Vuesax..." tabindex="0" data-search="template-list" />
                                        <ul class="search-list"></ul>
                                    </div>
                                    <!-- select.bookmark-select-->
                                    <!--   option Chat-->
                                    <!--   option email-->
                                    <!--   option todo-->
                                    <!--   option Calendar-->
                                </li>
                            </ul>
                        </div>
                        <ul class="nav navbar-nav float-right">
                            <li class="dropdown dropdown-language nav-item"><a class="dropdown-toggle nav-link" id="dropdown-flag" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="flag-icon flag-icon-us"></i><span class="selected-language">English</span></a>
                                <div class="dropdown-menu" aria-labelledby="dropdown-flag"><a class="dropdown-item" href="#" data-language="en"><i class="flag-icon flag-icon-us"></i> English</a><a class="dropdown-item" href="#" data-language="fr"><i class="flag-icon flag-icon-fr"></i> French</a><a class="dropdown-item" href="#" data-language="de"><i class="flag-icon flag-icon-de"></i> German</a><a class="dropdown-item" href="#" data-language="pt"><i class="flag-icon flag-icon-pt"></i> Portuguese</a></div>
                            </li>
                            <li class="nav-item d-none d-lg-block"><a class="nav-link nav-link-expand"><i class="ficon feather icon-maximize"></i></a></li>
                            <li class="nav-item nav-search"><a class="nav-link nav-link-search"><i class="ficon feather icon-search"></i></a>
                                <div class="search-input">
                                    <div class="search-input-icon"><i class="feather icon-search primary"></i></div>
                                    <input class="input" type="text" placeholder="Explore Vuesax..." tabindex="-1" data-search="template-list" />
                                    <div class="search-input-close"><i class="feather icon-x"></i></div>
                                    <ul class="search-list"></ul>
                                </div>
                            </li>
                            <li class="dropdown dropdown-notification nav-item"><a class="nav-link nav-link-label" href="#" data-toggle="dropdown"><i class="ficon feather icon-bell"></i><span class="badge badge-pill badge-primary badge-up">5</span></a>
                                <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right">
                                    <li class="dropdown-menu-header">
                                        <div class="dropdown-header m-0 p-2">
                                            <h3 class="white">5 New</h3><span class="notification-title">App Notifications</span>
                                        </div>
                                    </li>
                                    <li class="scrollable-container media-list"><a class="d-flex justify-content-between" href="javascript:void(0)">
                                            <div class="media d-flex align-items-start">
                                                <div class="media-left"><i class="feather icon-plus-square font-medium-5 primary"></i></div>
                                                <div class="media-body">
                                                    <h6 class="primary media-heading">You have new order!</h6><small class="notification-text"> Are your going to meet me tonight?</small>
                                                </div><small>
                                                    <time class="media-meta" datetime="2015-06-11T18:29:20+08:00">9 hours ago</time></small>
                                            </div>
                                        </a><a class="d-flex justify-content-between" href="javascript:void(0)">
                                            <div class="media d-flex align-items-start">
                                                <div class="media-left"><i class="feather icon-download-cloud font-medium-5 success"></i></div>
                                                <div class="media-body">
                                                    <h6 class="success media-heading red darken-1">99% Server load</h6><small class="notification-text">You got new order of goods.</small>
                                                </div><small>
                                                    <time class="media-meta" datetime="2015-06-11T18:29:20+08:00">5 hour ago</time></small>
                                            </div>
                                        </a><a class="d-flex justify-content-between" href="javascript:void(0)">
                                            <div class="media d-flex align-items-start">
                                                <div class="media-left"><i class="feather icon-alert-triangle font-medium-5 danger"></i></div>
                                                <div class="media-body">
                                                    <h6 class="danger media-heading yellow darken-3">Warning notifixation</h6><small class="notification-text">Server have 99% CPU usage.</small>
                                                </div><small>
                                                    <time class="media-meta" datetime="2015-06-11T18:29:20+08:00">Today</time></small>
                                            </div>
                                        </a><a class="d-flex justify-content-between" href="javascript:void(0)">
                                            <div class="media d-flex align-items-start">
                                                <div class="media-left"><i class="feather icon-check-circle font-medium-5 info"></i></div>
                                                <div class="media-body">
                                                    <h6 class="info media-heading">Complete the task</h6><small class="notification-text">Cake sesame snaps cupcake</small>
                                                </div><small>
                                                    <time class="media-meta" datetime="2015-06-11T18:29:20+08:00">Last week</time></small>
                                            </div>
                                        </a><a class="d-flex justify-content-between" href="javascript:void(0)">
                                            <div class="media d-flex align-items-start">
                                                <div class="media-left"><i class="feather icon-file font-medium-5 warning"></i></div>
                                                <div class="media-body">
                                                    <h6 class="warning media-heading">Generate monthly report</h6><small class="notification-text">Chocolate cake oat cake tiramisu marzipan</small>
                                                </div><small>
                                                    <time class="media-meta" datetime="2015-06-11T18:29:20+08:00">Last month</time></small>
                                            </div>
                                        </a></li>
                                    <li class="dropdown-menu-footer"><a class="dropdown-item p-1 text-center" href="javascript:void(0)">Read all notifications</a></li>
                                </ul>
                            </li>
                            <li class="dropdown dropdown-user nav-item"><a class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown">
                                    <div class="user-nav d-sm-flex d-none"><span class="user-name text-bold-600">John Doe</span><span class="user-status">Available</span></div><span><img class="round" src="../../../app-assets/images/portrait/small/avatar-s-11.png" alt="avatar" height="40" width="40" /></span>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right"><a class="dropdown-item" href="page-user-profile.html"><i class="feather icon-user"></i> Edit Profile</a><a class="dropdown-item" href="app-email.html"><i class="feather icon-mail"></i> My Inbox</a><a class="dropdown-item" href="app-todo.html"><i class="feather icon-check-square"></i> Task</a><a class="dropdown-item" href="app-chat.html"><i class="feather icon-message-square"></i> Chats</a>
                                    <div class="dropdown-divider"></div><a class="dropdown-item" href="auth-login.html"><i class="feather icon-power"></i> Logout</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
        <!-- END: Header-->

        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">Feather Icons</h2>
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="index.html">Home</a>
                                    </li>
                                    <li class="breadcrumb-item"><a href="#">Icons</a>
                                    </li>
                                    <li class="breadcrumb-item active">Feather Icons
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-header-right text-md-right col-md-3 col-12 d-md-block d-none">
                    <div class="form-group breadcrum-right">
                        <div class="dropdown">
                            <button class="btn-icon btn btn-primary btn-round btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="feather icon-settings"></i></button>
                            <div class="dropdown-menu dropdown-menu-right"><a class="dropdown-item" href="#">Chat</a><a class="dropdown-item" href="#">Email</a><a class="dropdown-item" href="#">Calendar</a></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <!-- Feather icon-s section start -->
                <section id="feather-icons">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="feather-icons overflow-hidden row">
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-activity"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-activity</label>
                                                <label class="fonticon-unit">e900</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-airplay"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-airplay</label>
                                                <label class="fonticon-unit">e901</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-alert-circle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-alert-circle</label>
                                                <label class="fonticon-unit">e902</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-alert-octagon"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-alert-octagon</label>
                                                <label class="fonticon-unit">e903</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-alert-triangle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-alert-triangle</label>
                                                <label class="fonticon-unit">e904</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-align-center"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-align-center</label>
                                                <label class="fonticon-unit">e905</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-align-justify"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-align-justify</label>
                                                <label class="fonticon-unit">e906</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-align-left"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-align-left</label>
                                                <label class="fonticon-unit">e907</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-align-right"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-align-right</label>
                                                <label class="fonticon-unit">e908</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-anchor"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-anchor</label>
                                                <label class="fonticon-unit">e909</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-aperture"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-aperture</label>
                                                <label class="fonticon-unit">e90a</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-arrow-down-left"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-arrow-down-left</label>
                                                <label class="fonticon-unit">e90b</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-arrow-down-right"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-arrow-down-right</label>
                                                <label class="fonticon-unit">e90c</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-arrow-down"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-arrow-down</label>
                                                <label class="fonticon-unit">e90d</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-arrow-left"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-arrow-left</label>
                                                <label class="fonticon-unit">e90e</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-arrow-right"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-arrow-right</label>
                                                <label class="fonticon-unit">e90f</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-arrow-up-left"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-arrow-up-left</label>
                                                <label class="fonticon-unit">e910</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-arrow-up-right"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-arrow-up-right</label>
                                                <label class="fonticon-unit">e911</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-arrow-up"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-arrow-up</label>
                                                <label class="fonticon-unit">e912</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-at-sign"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-at-sign</label>
                                                <label class="fonticon-unit">e913</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-award"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-award</label>
                                                <label class="fonticon-unit">e914</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-bar-chart-2"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-bar-chart-2</label>
                                                <label class="fonticon-unit">e915</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-bar-chart"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-bar-chart</label>
                                                <label class="fonticon-unit">e916</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-battery-charging"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-battery-charging</label>
                                                <label class="fonticon-unit">e917</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-battery"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-battery</label>
                                                <label class="fonticon-unit">e918</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-bell-off"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-bell-off</label>
                                                <label class="fonticon-unit">e919</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-bell"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-bell</label>
                                                <label class="fonticon-unit">e91a</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-bluetooth"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-bluetooth</label>
                                                <label class="fonticon-unit">e91b</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-bold"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-bold</label>
                                                <label class="fonticon-unit">e9ea</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-book"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-book</label>
                                                <label class="fonticon-unit">e91c</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-bookmark"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-bookmark</label>
                                                <label class="fonticon-unit">e91d</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-box"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-box</label>
                                                <label class="fonticon-unit">e91e</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-briefcase"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-briefcase</label>
                                                <label class="fonticon-unit">e91f</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-calendar"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-calendar</label>
                                                <label class="fonticon-unit">e920</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-camera-off"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-camera-off</label>
                                                <label class="fonticon-unit">e921</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-camera"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-camera</label>
                                                <label class="fonticon-unit">e922</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-cast"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-cast</label>
                                                <label class="fonticon-unit">e923</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-check-circle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-check-circle</label>
                                                <label class="fonticon-unit">e924</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-check-square"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-check-square</label>
                                                <label class="fonticon-unit">e925</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-check"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-check</label>
                                                <label class="fonticon-unit">e926</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-chevron-down"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-chevron-down</label>
                                                <label class="fonticon-unit">e927</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-chevron-left"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-chevron-left</label>
                                                <label class="fonticon-unit">e928</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-chevron-right"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-chevron-right</label>
                                                <label class="fonticon-unit">e929</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-chevron-up"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-chevron-up</label>
                                                <label class="fonticon-unit">e92a</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-chevrons-down"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-chevrons-down</label>
                                                <label class="fonticon-unit">e92b</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-chevrons-left"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-chevrons-left</label>
                                                <label class="fonticon-unit">e92c</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-chevrons-right"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-chevrons-right</label>
                                                <label class="fonticon-unit">e92d</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-chevrons-up"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-chevrons-up</label>
                                                <label class="fonticon-unit">e92e</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-chrome"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-chrome</label>
                                                <label class="fonticon-unit">e92f</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-circle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-circle</label>
                                                <label class="fonticon-unit">e930</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-clipboard"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-clipboard</label>
                                                <label class="fonticon-unit">e931</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-clock"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-clock</label>
                                                <label class="fonticon-unit">e932</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-cloud-drizzle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-cloud-drizzle</label>
                                                <label class="fonticon-unit">e933</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-cloud-lightning"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-cloud-lightning</label>
                                                <label class="fonticon-unit">e934</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-cloud-off"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-cloud-off</label>
                                                <label class="fonticon-unit">e935</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-cloud-rain"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-cloud-rain</label>
                                                <label class="fonticon-unit">e936</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-cloud-snow"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-cloud-snow</label>
                                                <label class="fonticon-unit">e937</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-cloud"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-cloud</label>
                                                <label class="fonticon-unit">e938</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-codepen"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-codepen</label>
                                                <label class="fonticon-unit">e939</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-command"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-command</label>
                                                <label class="fonticon-unit">e93a</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-compass"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-compass</label>
                                                <label class="fonticon-unit">e93b</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-copy"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-copy</label>
                                                <label class="fonticon-unit">e93c</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-corner-down-left"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-corner-down-left</label>
                                                <label class="fonticon-unit">e93d</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-corner-down-right"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-corner-down-right</label>
                                                <label class="fonticon-unit">e93e</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-corner-leicon-down"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-corner-leicon-down</label>
                                                <label class="fonticon-unit">e93f</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-corner-leicon-up"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-corner-leicon-up</label>
                                                <label class="fonticon-unit">e940</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-corner-right-down"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-corner-right-down</label>
                                                <label class="fonticon-unit">e941</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-corner-right-up"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-corner-right-up</label>
                                                <label class="fonticon-unit">e942</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-corner-up-left"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-corner-up-left</label>
                                                <label class="fonticon-unit">e943</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-corner-up-right"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-corner-up-right</label>
                                                <label class="fonticon-unit">e944</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-cpu"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-cpu</label>
                                                <label class="fonticon-unit">e945</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-credit-card"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-credit-card</label>
                                                <label class="fonticon-unit">e946</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-crop"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-crop</label>
                                                <label class="fonticon-unit">e9eb</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-crosshair"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-crosshair</label>
                                                <label class="fonticon-unit">e947</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-delete"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-delete</label>
                                                <label class="fonticon-unit">e948</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-disc"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-disc</label>
                                                <label class="fonticon-unit">e949</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-download-cloud"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-download-cloud</label>
                                                <label class="fonticon-unit">e94a</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-download"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-download</label>
                                                <label class="fonticon-unit">e94b</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-droplet"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-droplet</label>
                                                <label class="fonticon-unit">e94c</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-edit-2"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-edit-2</label>
                                                <label class="fonticon-unit">e94d</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-edit-3"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-edit-3</label>
                                                <label class="fonticon-unit">e94e</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-edit"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-edit</label>
                                                <label class="fonticon-unit">e94f</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-external-link"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-external-link</label>
                                                <label class="fonticon-unit">e950</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-eye-off"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-eye-off</label>
                                                <label class="fonticon-unit">e951</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-eye"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-eye</label>
                                                <label class="fonticon-unit">e952</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-facebook"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-facebook</label>
                                                <label class="fonticon-unit">e953</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-fast-forward"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-fast-forward</label>
                                                <label class="fonticon-unit">e954</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-feather"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-feather</label>
                                                <label class="fonticon-unit">e955</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-file-minus"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-file-minus</label>
                                                <label class="fonticon-unit">e956</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-file-plus"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-file-plus</label>
                                                <label class="fonticon-unit">e957</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-file-text"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-file-text</label>
                                                <label class="fonticon-unit">e958</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-file"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-file</label>
                                                <label class="fonticon-unit">e959</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-film"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-film</label>
                                                <label class="fonticon-unit">e95a</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-filter"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-filter</label>
                                                <label class="fonticon-unit">e95b</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-flag"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-flag</label>
                                                <label class="fonticon-unit">e95c</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-folder"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-folder</label>
                                                <label class="fonticon-unit">e95d</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-github"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-github</label>
                                                <label class="fonticon-unit">e95e</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-gitlab"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-gitlab</label>
                                                <label class="fonticon-unit">e95f</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-globe"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-globe</label>
                                                <label class="fonticon-unit">e960</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-grid"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-grid</label>
                                                <label class="fonticon-unit">e961</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-hash"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-hash</label>
                                                <label class="fonticon-unit">e962</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-headphones"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-headphones</label>
                                                <label class="fonticon-unit">e963</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-heart"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-heart</label>
                                                <label class="fonticon-unit">e964</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-heart"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-heart</label>
                                                <label class="fonticon-unit">e964</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-help-circle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-help-circle</label>
                                                <label class="fonticon-unit">e9ec</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-image"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-image</label>
                                                <label class="fonticon-unit">e966</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-inbox"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-inbox</label>
                                                <label class="fonticon-unit">e967</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-info"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-info</label>
                                                <label class="fonticon-unit">e968</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-instagram"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-instagram</label>
                                                <label class="fonticon-unit">e969</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-italic"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-italic</label>
                                                <label class="fonticon-unit">e9ed</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-layers"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-layers</label>
                                                <label class="fonticon-unit">e96a</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-layout"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-layout</label>
                                                <label class="fonticon-unit">e96b</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-life-buoy"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-life-buoy</label>
                                                <label class="fonticon-unit">e96c</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-link-2"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-link-2</label>
                                                <label class="fonticon-unit">e96d</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-link"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-link</label>
                                                <label class="fonticon-unit">e96e</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-list"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-list</label>
                                                <label class="fonticon-unit">e96f</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-loader"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-loader</label>
                                                <label class="fonticon-unit">e970</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-lock"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-lock</label>
                                                <label class="fonticon-unit">e971</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-log-in"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-log-in</label>
                                                <label class="fonticon-unit">e972</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-log-out"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-log-out</label>
                                                <label class="fonticon-unit">e973</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-mail"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-mail</label>
                                                <label class="fonticon-unit">e974</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-map-pin"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-map-pin</label>
                                                <label class="fonticon-unit">e975</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-map"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-map</label>
                                                <label class="fonticon-unit">e976</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-maximize-2"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-maximize-2</label>
                                                <label class="fonticon-unit">e977</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-maximize"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-maximize</label>
                                                <label class="fonticon-unit">e978</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-menu"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-menu</label>
                                                <label class="fonticon-unit">e979</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-message-circle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-message-circle</label>
                                                <label class="fonticon-unit">e97a</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-message-square"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-message-square</label>
                                                <label class="fonticon-unit">e97b</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-mic-off"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-mic-off</label>
                                                <label class="fonticon-unit">e97c</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-mic"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-mic</label>
                                                <label class="fonticon-unit">e97d</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-minimize-2"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-minimize-2</label>
                                                <label class="fonticon-unit">e97e</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-minimize"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-minimize</label>
                                                <label class="fonticon-unit">e97f</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-minus-circle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-minus-circle</label>
                                                <label class="fonticon-unit">e980</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-minus-square"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-minus-square</label>
                                                <label class="fonticon-unit">e981</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-minus"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-minus</label>
                                                <label class="fonticon-unit">e982</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-monitor"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-monitor</label>
                                                <label class="fonticon-unit">e983</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-moon"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-moon</label>
                                                <label class="fonticon-unit">e984</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-more-horizontal"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-more-horizontal</label>
                                                <label class="fonticon-unit">e985</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-more-vertical"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-more-vertical</label>
                                                <label class="fonticon-unit">e986</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-move"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-move</label>
                                                <label class="fonticon-unit">e987</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-music"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-music</label>
                                                <label class="fonticon-unit">e988</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-navigation-2"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-navigation-2</label>
                                                <label class="fonticon-unit">e989</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-navigation"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-navigation</label>
                                                <label class="fonticon-unit">e98a</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-octagon"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-octagon</label>
                                                <label class="fonticon-unit">e98b</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-package"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-package</label>
                                                <label class="fonticon-unit">e98c</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-paperclip"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-paperclip</label>
                                                <label class="fonticon-unit">e98d</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-pause-circle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-pause-circle</label>
                                                <label class="fonticon-unit">e98e</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-pause"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-pause</label>
                                                <label class="fonticon-unit">e98f</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-percent"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-percent</label>
                                                <label class="fonticon-unit">e990</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-phone-call"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-phone-call</label>
                                                <label class="fonticon-unit">e991</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-phone-forwarded"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-phone-forwarded</label>
                                                <label class="fonticon-unit">e992</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-phone-incoming"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-phone-incoming</label>
                                                <label class="fonticon-unit">e993</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-phone-missed"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-phone-missed</label>
                                                <label class="fonticon-unit">e994</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-phone-off"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-phone-off</label>
                                                <label class="fonticon-unit">e995</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-phone-outgoing"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-phone-outgoing</label>
                                                <label class="fonticon-unit">e996</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-phone"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-phone</label>
                                                <label class="fonticon-unit">e997</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-pie-chart"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-pie-chart</label>
                                                <label class="fonticon-unit">e998</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-play-circle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-play-circle</label>
                                                <label class="fonticon-unit">e999</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-play"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-play</label>
                                                <label class="fonticon-unit">e99a</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-plus-circle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-plus-circle</label>
                                                <label class="fonticon-unit">e99b</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-plus-square"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-plus-square</label>
                                                <label class="fonticon-unit">e99c</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-plus"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-plus</label>
                                                <label class="fonticon-unit">e99d</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-pocket"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-pocket</label>
                                                <label class="fonticon-unit">e99e</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-power"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-power</label>
                                                <label class="fonticon-unit">e99f</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-printer"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-printer</label>
                                                <label class="fonticon-unit">e9a0</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-radio"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-radio</label>
                                                <label class="fonticon-unit">e9a1</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-refresh-ccw"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-refresh-ccw</label>
                                                <label class="fonticon-unit">e9a2</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-refresh-cw"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-refresh-cw</label>
                                                <label class="fonticon-unit">e9a3</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-repeat"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-repeat</label>
                                                <label class="fonticon-unit">e9a4</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-rewind"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-rewind</label>
                                                <label class="fonticon-unit">e9a5</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-rotate-ccw"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-rotate-ccw</label>
                                                <label class="fonticon-unit">e9a6</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-rotate-cw"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-rotate-cw</label>
                                                <label class="fonticon-unit">e9a7</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-save"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-save</label>
                                                <label class="fonticon-unit">e9a8</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-scissors"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-scissors</label>
                                                <label class="fonticon-unit">e9a9</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-search"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-search</label>
                                                <label class="fonticon-unit">e9aa</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-server"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-server</label>
                                                <label class="fonticon-unit">e9ab</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-settings"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-settings</label>
                                                <label class="fonticon-unit">e9ac</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-share-2"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-share-2</label>
                                                <label class="fonticon-unit">e9ad</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-share"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-share</label>
                                                <label class="fonticon-unit">e9ae</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-shield"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-shield</label>
                                                <label class="fonticon-unit">e9af</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-shopping-cart"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-shopping-cart</label>
                                                <label class="fonticon-unit">e9ee</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-shuffle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-shuffle</label>
                                                <label class="fonticon-unit">e9b0</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-sidebar"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-sidebar</label>
                                                <label class="fonticon-unit">e9b1</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-skip-back"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-skip-back</label>
                                                <label class="fonticon-unit">e9b2</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-skip-forward"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-skip-forward</label>
                                                <label class="fonticon-unit">e9b3</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-slack"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-slack</label>
                                                <label class="fonticon-unit">e9b4</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-slash"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-slash</label>
                                                <label class="fonticon-unit">e9b5</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-sliders"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-sliders</label>
                                                <label class="fonticon-unit">e9b6</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-smartphone"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-smartphone</label>
                                                <label class="fonticon-unit">e9b7</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-speaker"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-speaker</label>
                                                <label class="fonticon-unit">e9b8</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-square"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-square</label>
                                                <label class="fonticon-unit">e9b9</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-star"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-star</label>
                                                <label class="fonticon-unit">e9ba</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-stop-circle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-stop-circle</label>
                                                <label class="fonticon-unit">e9bb</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-sun"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-sun</label>
                                                <label class="fonticon-unit">e9bc</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-sunrise"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-sunrise</label>
                                                <label class="fonticon-unit">e9bd</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-sunset"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-sunset</label>
                                                <label class="fonticon-unit">e9be</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-tablet"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-tablet</label>
                                                <label class="fonticon-unit">e9bf</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-tag"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-tag</label>
                                                <label class="fonticon-unit">e9c0</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-target"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-target</label>
                                                <label class="fonticon-unit">e9c1</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-thermometer"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-thermometer</label>
                                                <label class="fonticon-unit">e9c2</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-thumbs-down"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-thumbs-down</label>
                                                <label class="fonticon-unit">e9c3</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-thumbs-up"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-thumbs-up</label>
                                                <label class="fonticon-unit">e9c4</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-toggle-left"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-toggle-left</label>
                                                <label class="fonticon-unit">e9c5</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-toggle-right"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-toggle-right</label>
                                                <label class="fonticon-unit">e9c6</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-trash-2"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-trash-2</label>
                                                <label class="fonticon-unit">e9c7</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-trash"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-trash</label>
                                                <label class="fonticon-unit">e9c8</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-trending-down"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-trending-down</label>
                                                <label class="fonticon-unit">e9c9</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-trending-up"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-trending-up</label>
                                                <label class="fonticon-unit">e9ca</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-triangle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-triangle</label>
                                                <label class="fonticon-unit">e9cb</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-tv"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-tv</label>
                                                <label class="fonticon-unit">e9cc</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-twitter"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-twitter</label>
                                                <label class="fonticon-unit">e9cd</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-type"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-type</label>
                                                <label class="fonticon-unit">e9ce</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-umbrella"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-umbrella</label>
                                                <label class="fonticon-unit">e9cf</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-underline"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-underline</label>
                                                <label class="fonticon-unit">e9ef</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-unlock"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-unlock</label>
                                                <label class="fonticon-unit">e9d0</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-upload-cloud"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-upload-cloud</label>
                                                <label class="fonticon-unit">e9d1</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-upload"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-upload</label>
                                                <label class="fonticon-unit">e9d2</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-user-check"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-user-check</label>
                                                <label class="fonticon-unit">e9d3</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-user-minus"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-user-minus</label>
                                                <label class="fonticon-unit">e9d4</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-user-plus"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-user-plus</label>
                                                <label class="fonticon-unit">e9d5</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-user-x"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-user-x</label>
                                                <label class="fonticon-unit">e9d6</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-user"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-user</label>
                                                <label class="fonticon-unit">e9d7</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-users"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-users</label>
                                                <label class="fonticon-unit">e9d8</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-video-off"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-video-off</label>
                                                <label class="fonticon-unit">e9d9</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-video"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-video</label>
                                                <label class="fonticon-unit">e9da</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-voicemail"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-voicemail</label>
                                                <label class="fonticon-unit">e9db</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-volume-1"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-volume-1</label>
                                                <label class="fonticon-unit">e9dc</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-volume-2"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-volume-2</label>
                                                <label class="fonticon-unit">e9dd</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-volume-x"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-volume-x</label>
                                                <label class="fonticon-unit">e9de</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-volume"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-volume</label>
                                                <label class="fonticon-unit">e9df</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-watch"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-watch</label>
                                                <label class="fonticon-unit">e9e0</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-wifi-off"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-wifi-off</label>
                                                <label class="fonticon-unit">e9e1</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-wifi"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-wifi</label>
                                                <label class="fonticon-unit">e9e2</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-wind"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-wind</label>
                                                <label class="fonticon-unit">e9e3</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-x-circle"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-x-circle</label>
                                                <label class="fonticon-unit">e9e4</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-x-square"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-x-square</label>
                                                <label class="fonticon-unit">e9e5</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-x"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-x</label>
                                                <label class="fonticon-unit">e9e6</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-zap"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-zap</label>
                                                <label class="fonticon-unit">e9e7</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-zoom-in"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-zoom-in</label>
                                                <label class="fonticon-unit">e9e8</label>
                                            </div>
                                            <div class="col-md-4 col-sm-6 col-12 fonticon-container">
                                                <div class="fonticon-wrap">
                                                    <i class="feather icon-zoom-out"></i>
                                                </div>
                                                <label class="fonticon-classname">icon-zoom-out</label>
                                                <label class="fonticon-unit">e9e9</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- // Feather icon-s section end -->

            </div>
        </div>
    </div>
    <!-- END: Content-->

    <div class="sidenav-overlay"></div>
    <div class="drag-target"></div>

    <!-- BEGIN: Footer-->
    <footer class="footer footer-static footer-light">
        <p class="clearfix blue-grey lighten-2 mb-0"><span class="float-md-left d-block d-md-inline-block mt-25">COPYRIGHT &copy; 2019<a class="text-bold-800 grey darken-2" href="http://www.bootstrapmb.com/item/4747" target="_blank">Pixinvent,</a>All rights Reserved</span><span class="float-md-right d-none d-md-block">Hand-crafted & Made with<i class="feather icon-heart pink"></i></span>
            <button class="btn btn-primary btn-icon scroll-top" type="button"><i class="feather icon-arrow-up"></i></button>
        </p>
    </footer>
    <!-- END: Footer-->


    <!-- BEGIN: Vendor JS-->
    <script src="../../../app-assets/vendors/js/vendors.min.js"></script>
    <!-- BEGIN Vendor JS-->

    <!-- BEGIN: Page Vendor JS-->
    <!-- END: Page Vendor JS-->

    <!-- BEGIN: Theme JS-->
    <script src="../../../app-assets/js/core/app-menu.js"></script>
    <script src="../../../app-assets/js/core/app.js"></script>
    <script src="../../../app-assets/js/scripts/components.js"></script>
    <!-- END: Theme JS-->

    <!-- BEGIN: Page JS-->
    <!-- END: Page JS-->

</body>
<!-- END: Body-->

</html>